<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="templates/common.xhtml">
	
	<ui:define name="pageTitle">Création de compte</ui:define>
	<ui:define name="pageHeader">Inscription</ui:define>

	<ui:define name="body">

		<div class="bs-docs-section">

			<div class="row">
				<div class="col-lg-6">
					<div class="well">

						<h:messages />
						<h:form class="bs-example form-horizontal">

							<fieldset>
								<legend>Créez votre compte</legend>
								
								<div class="form-group">
									<label for="nom" class="col-lg-3 control-label">Nom : </label>
									<div class="col-lg-5">
										<h:inputText class="form-control" id="nom"
											value="#{creerCompteManagedBean.nom}" />
									</div>
								</div>
								
								<div class="form-group">
									<label for="prenom" class="col-lg-3 control-label">Prénom : </label>
									<div class="col-lg-5">
										<h:inputText class="form-control" id="prenom"
											value="#{creerCompteManagedBean.prenom}" />
									</div>
								</div>
								
								<div class="form-group">
									<label for="email" class="col-lg-3 control-label">Adresse e-mail : </label>
									<div class="col-lg-5">
										<h:inputText class="form-control" id="email"
											value="#{creerCompteManagedBean.email}" />
									</div>
								</div>
								
								<div class="form-group">
									<label for="password" class="col-lg-3 control-label">Mot de passe : </label>
									<div class="col-lg-5">
										<h:inputText class="form-control" id="password"
											value="#{creerCompteManagedBean.password}" />
									</div>
								</div>
								
								<div class="form-group">
									<label for="confirmPassword" class="col-lg-3 control-label">Confirmation mot de passe : </label>
									<div class="col-lg-5">
										<h:inputText class="form-control" id="confirmPassword"
											value="#{creerCompteManagedBean.password}" />
									</div>
								</div>
								
								<div class="form-group">
									<label for="jour" class="col-lg-3 control-label">Date de naissance : </label>
									<div class="col-lg-2">
										<h:selectOneMenu class="form-control" id="jour" value="#{creerCompteManagedBean.jour}">
											<f:selectItem itemLabel="1" itemValue="1" /><f:selectItem itemLabel="2" itemValue="2" /><f:selectItem itemLabel="3" itemValue="3" />
											<f:selectItem itemLabel="4" itemValue="4" /><f:selectItem itemLabel="5" itemValue="5" /><f:selectItem itemLabel="6" itemValue="6" />
											<f:selectItem itemLabel="7" itemValue="7" /><f:selectItem itemLabel="8" itemValue="8" /><f:selectItem itemLabel="9" itemValue="9" />
											<f:selectItem itemLabel="10" itemValue="10" /><f:selectItem itemLabel="11" itemValue="11" /><f:selectItem itemLabel="12" itemValue="12" />
											<f:selectItem itemLabel="13" itemValue="13" /><f:selectItem itemLabel="14" itemValue="14" /><f:selectItem itemLabel="15" itemValue="15" />
											<f:selectItem itemLabel="16" itemValue="16" /><f:selectItem itemLabel="17" itemValue="17" /><f:selectItem itemLabel="18" itemValue="18" />
											<f:selectItem itemLabel="19" itemValue="19" /><f:selectItem itemLabel="20" itemValue="20" /><f:selectItem itemLabel="21" itemValue="21" />
											<f:selectItem itemLabel="22" itemValue="22" /><f:selectItem itemLabel="23" itemValue="23" /><f:selectItem itemLabel="24" itemValue="24" />
											<f:selectItem itemLabel="25" itemValue="25" /><f:selectItem itemLabel="26" itemValue="26" /><f:selectItem itemLabel="27" itemValue="27" />
											<f:selectItem itemLabel="28" itemValue="28" /><f:selectItem itemLabel="29" itemValue="29" /><f:selectItem itemLabel="30" itemValue="30" />
											<f:selectItem itemLabel="31" itemValue="31" />
										</h:selectOneMenu>
									</div>
									
									<div class="col-lg-3">
										<h:selectOneMenu class="form-control" id="mois" value="#{creerCompteManagedBean.mois}">
											<f:selectItem itemLabel="Janvier" itemValue="01" />
											<f:selectItem itemLabel="Février" itemValue="02" />
											<f:selectItem itemLabel="Mars" itemValue="03" />
											<f:selectItem itemLabel="Avril" itemValue="04" />
											<f:selectItem itemLabel="Mai" itemValue="05" />
											<f:selectItem itemLabel="Juin" itemValue="06" />
											<f:selectItem itemLabel="Juillet" itemValue="07" />
											<f:selectItem itemLabel="Août" itemValue="08" />
											<f:selectItem itemLabel="Septembre" itemValue="09" />
											<f:selectItem itemLabel="Octobre" itemValue="10" />
											<f:selectItem itemLabel="Novembre" itemValue="11" />
											<f:selectItem itemLabel="Décembre" itemValue="12" />
										</h:selectOneMenu>
									</div>
									
									<div class="col-lg-3">
										<h:selectOneMenu class="form-control" id="annee" value="#{creerCompteManagedBean.annee}">
											<f:selectItem itemLabel="2013" itemValue="13" /><f:selectItem itemLabel="2012" itemValue="12" /><f:selectItem itemLabel="2011" itemValue="11" />
											<f:selectItem itemLabel="2010" itemValue="10" /><f:selectItem itemLabel="2009" itemValue="09" /><f:selectItem itemLabel="2008" itemValue="08" />
											<f:selectItem itemLabel="2007" itemValue="07" /><f:selectItem itemLabel="2006" itemValue="06" /><f:selectItem itemLabel="2005" itemValue="05" />
											<f:selectItem itemLabel="2004" itemValue="04" /><f:selectItem itemLabel="2003" itemValue="03" /><f:selectItem itemLabel="2002" itemValue="02" />
											<f:selectItem itemLabel="2001" itemValue="01" /><f:selectItem itemLabel="2000" itemValue="00" /><f:selectItem itemLabel="1999" itemValue="99" />
											<f:selectItem itemLabel="1998" itemValue="98" /><f:selectItem itemLabel="1997" itemValue="97" /><f:selectItem itemLabel="1996" itemValue="96" />
											<f:selectItem itemLabel="1995" itemValue="95" /><f:selectItem itemLabel="1994" itemValue="94" /><f:selectItem itemLabel="1993" itemValue="93" />
											<f:selectItem itemLabel="1992" itemValue="92" /><f:selectItem itemLabel="1991" itemValue="91" /><f:selectItem itemLabel="1990" itemValue="90" />
											<f:selectItem itemLabel="1989" itemValue="89" /><f:selectItem itemLabel="1988" itemValue="88" /><f:selectItem itemLabel="1987" itemValue="87" />
											<f:selectItem itemLabel="1986" itemValue="86" /><f:selectItem itemLabel="1985" itemValue="85" /><f:selectItem itemLabel="1984" itemValue="84" />
											<f:selectItem itemLabel="1983" itemValue="83" /><f:selectItem itemLabel="1982" itemValue="82" /><f:selectItem itemLabel="1981" itemValue="81" />
											<f:selectItem itemLabel="1980" itemValue="80" /><f:selectItem itemLabel="1979" itemValue="79" /><f:selectItem itemLabel="1978" itemValue="78" />
										</h:selectOneMenu>
									</div>
								</div>
								
								<div class="form-group">
									<label for="numRue" class="col-lg-3 control-label">Numéro : </label>
									<div class="col-lg-3">
										<h:inputText class="form-control" id="numRue"
											value="#{creerCompteManagedBean.numero}" />
									</div>
									
									<label for="nomRue" class="col-lg-1 control-label">Rue : </label>
									<div class="col-lg-5">
										<h:inputText class="form-control" id="nomRue"
											value="#{creerCompteManagedBean.voie}" />
									</div>
								</div>
								
								<div class="form-group">
									
									<label for="codePostal" class="col-lg-3 control-label">Code postal : </label>
									<div class="col-lg-3">
										<h:inputText class="form-control" id="codePostal"
											value="#{creerCompteManagedBean.zipcode}" />
									</div>
									
									<label for="ville" class="col-lg-1 control-label">Ville : </label>
									<div class="col-lg-5">
										<h:inputText class="form-control" id="ville"
											value="#{creerCompteManagedBean.nomVille}" />
									</div>
								</div>
								
								<div class="form-group">
									<label for="pays" class="col-lg-3 control-label">Pays : </label>
									<div class="col-lg-6">
										<h:selectOneMenu class="form-control" id="pays" value="#{creerCompteManagedBean.selectedPays}">
											<f:selectItems value="#{creerCompteManagedBean.allPays}" />
										</h:selectOneMenu>
									</div>
								</div>
								
								<div class="form-group">
									<label for="phone" class="col-lg-3 control-label">Téléphone : </label>
									<div class="col-lg-5">
										<h:inputText class="form-control" id="phone"
											value="#{creerCompteManagedBean.phone}" />
									</div>
								</div>
								
								<div class="form-group">
									<label for="gsm" class="col-lg-3 control-label">Téléphone portable : </label>
									<div class="col-lg-5">
										<h:inputText class="form-control" id="gsm"
											value="#{creerCompteManagedBean.gsm}" />
									</div>
								</div>
								
								<div class="form-group">
									<div class="col-lg-10 col-lg-offset-3">
										<h:commandButton class="btn btn-primary" value="Créer mon compte"
											action="#{creerCompteManagedBean.creerCompte}" />
									</div>
								</div>
								
							</fieldset>
						</h:form>

					</div>
				</div>
				
				<div class="col-lg-4 col-lg-offset-1">
					Second bloc
				</div>

			</div>

		</div>

	</ui:define>

</ui:composition>
</html>